<template>
  <div>
    <h1>案例一：</h1>
    <div>{{ message }}</div>
    <h1 class="mt50">案例二：</h1>
    <div>
      <span :title="message2">鼠标悬停几秒钟查看此处动态绑定的提示信息！</span>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "Hello Vue!",
      message2: `页面加载于 ${new Date().toLocaleString()}`,
    };
  },
};
</script>

<style scoped></style>
